import clsx from "clsx"
import { AdvancedButtonProps } from "./AdvancedButton"

export const AdvancedButtonIconBadge = ({ iconCount, iconNewCount }: AdvancedButtonProps) => {
  const iconCountStyle = 'absolute text-[8px]  text-[#F3654A]  rounded-full flex justify-center items-center   translate-x-1  translate-y-1  font-bold   size-[8px!important]'

  if (!iconCount) return null

  return <span className={clsx(iconCountStyle, (iconNewCount ? 'bg-[#F3654A]' : 'bg-[#E6EEF5]'))} >
    {iconCount}
  </span>
}